View কী এবং এর ভূমিকা

Web Development - কোডইগনাইটার (Codeigniter) - CodeIgniter Views |

View হলো CodeIgniter এর MVC (Model-View-Controller) আর্কিটেকচারের একটি গুরুত্বপূর্ণ অংশ। এটি অ্যাপ্লিকেশনের আউটপুট এবং ইউজার ইন্টারফেস (UI) প্রদর্শনের জন্য ব্যবহৃত হয়। View সাধারণত HTML, CSS, এবং JavaScript এর মাধ্যমে তৈরি হয় এবং ডেটা প্রদর্শন করে যা Controller থেকে পাঠানো হয়।


View কী?

View হলো CodeIgniter এর একটি ফাইল যেখানে ডেটা প্রদর্শনের জন্য লেআউট এবং ডিজাইন তৈরি করা হয়। এটি সরাসরি ডাটাবেসের সাথে যোগাযোগ করে না। Controller ডেটা প্রস্তুত করে এবং View-এ পাঠায়, যা সেই ডেটাকে প্রদর্শন করে।


View এর প্রধান কাজ

  1. ডেটা প্রদর্শন করা: Controller থেকে পাঠানো ডেটা View-এ প্রসেস হয়ে UI হিসেবে প্রদর্শিত হয়।
  2. ইউজার ইন্টারফেস তৈরি: HTML, CSS, এবং JavaScript ব্যবহার করে অ্যাপ্লিকেশনের ফ্রন্টএন্ড ডিজাইন তৈরি করা।
  3. ব্যবহারকারীর ইন্টারঅ্যাকশন: ব্যবহারকারীর অ্যাকশন (যেমন: বাটনে ক্লিক) গ্রহণ করে Controller-এ পাঠানোর জন্য লিংক বা ফর্ম তৈরি করা।
  4. কোড স্ট্রাকচারিং:
    কোডের লজিক এবং আউটপুটকে আলাদা করে রাখে, যা কোড ম্যানেজমেন্টকে সহজ করে।

CodeIgniter এ View তৈরি

CodeIgniter এ View সাধারণত app/Views/ ডিরেক্টরিতে রাখা হয়। নিচে একটি সাধারণ View তৈরি করার প্রক্রিয়া দেখানো হলো।

১. View ফাইল তৈরি

app/Views/ ডিরেক্টরিতে একটি নতুন ফাইল তৈরি করুন। উদাহরণস্বরূপ: product_list.php

<!DOCTYPE html>
<html>
<head>
    <title>Product List</title>
</head>
<body>
    <h1>Product List</h1>
    <ul>
        <?php foreach ($products as $product): ?>
            <li><?php echo $product['name']; ?> - $<?php echo $product['price']; ?></li>
        <?php endforeach; ?>
    </ul>
</body>
</html>

View কে Controller থেকে কল করা

১. Controller এ View লোড করা

Controller থেকে View লোড করতে return view() ফাংশন ব্যবহার করা হয়। উদাহরণস্বরূপ:

namespace App\Controllers;

class ProductController extends BaseController
{
    public function index()
    {
        $data['products'] = [
            ['name' => 'Laptop', 'price' => 1000],
            ['name' => 'Smartphone', 'price' => 700]
        ];

        // View লোড করা
        return view('product_list', $data);
    }
}

২. ডেটা View-এ পাঠানো

Controller থেকে View-এ $data অ্যারে ব্যবহার করে ডেটা পাঠানো হয়। উপরের উদাহরণে $data['products'] View-এ অ্যাক্সেস করা যাবে।


View ফাইল ভাঙা (Partial Views)

বড় View ফাইলগুলো ছোট ছোট টেম্পলেট বা Partial Views এ ভাঙা যায়। উদাহরণস্বরূপ, Header এবং Footer আলাদা করা:

Header ফাইল তৈরি:

app/Views/partials/header.php

<!DOCTYPE html>
<html>
<head>
    <title><?php echo $title; ?></title>
</head>
<body>

Footer ফাইল তৈরি:

app/Views/partials/footer.php

</body>
</html>

Main View এ Partial Views লোড করা:

app/Views/product_list.php

<?php echo view('partials/header', ['title' => 'Product List']); ?>

<h1>Product List</h1>
<ul>
    <?php foreach ($products as $product): ?>
        <li><?php echo $product['name']; ?> - $<?php echo $product['price']; ?></li>
    <?php endforeach; ?>
</ul>

<?php echo view('partials/footer'); ?>

View এ ডেটা অ্যাক্সেস

Controller থেকে পাঠানো ডেটা View-এ কিভাবে ব্যবহার করবেন?

<ul>
    <?php foreach ($products as $product): ?>
        <li><?php echo $product['name']; ?> - $<?php echo $product['price']; ?></li>
    <?php endforeach; ?>
</ul>

View-এ PHP কোড লিখতে এড়াতে <?= ?> ব্যবহার করা যেতে পারে:

<ul>
    <?php foreach ($products as $product): ?>
        <li><?= $product['name']; ?> - $<?= $product['price']; ?></li>
    <?php endforeach; ?>
</ul>

View এর ভূমিকা CodeIgniter এ

  1. ডিজাইন এবং লেআউট: View অ্যাপ্লিকেশনের ইউজার ইন্টারফেস (UI) তৈরিতে সহায়ক।
  2. লজিক এবং UI পৃথকীকরণ: লজিক (Controller) এবং UI (View) আলাদা হওয়ায় কোড রক্ষণাবেক্ষণ সহজ হয়।
  3. ডেটা প্রদর্শন: ডেটা View-এ প্রসেস হয়ে ব্যবহারকারীর কাছে প্রদর্শিত হয়।
  4. পুনঃব্যবহারযোগ্যতা: Partial Views ব্যবহার করে কোড পুনঃব্যবহার সম্ভব।

সারসংক্ষেপ

CodeIgniter এর View হলো একটি ফ্রন্টএন্ড উপাদান, যা ব্যবহারকারীর কাছে ডেটা এবং UI উপস্থাপন করে। এটি Controller থেকে ডেটা গ্রহণ করে এবং HTML, CSS, এবং JavaScript ব্যবহার করে তা সুন্দরভাবে প্রদর্শন করে। View এর মাধ্যমে UI এবং লজিককে আলাদা রেখে অ্যাপ্লিকেশন আরও সংগঠিত এবং পরিচালনাযোগ্য হয়।

Content added By
Promotion